@import  "../../../styles/common.less";
.row{
  .goods-list{
    // width: 1200px;
    height: 900px;
    margin:0 auto;
    .colordiv{
      background: #FFD602;
      border-radius: 4px;
      height: 4px;
      margin-top: -21px;
      width: 255.8px;
      margin-left: -10.8px;
      display: none;
    }
    .title{
      text-align: center;
      font-family: PingFangSC-Light;
      font-size: @bigleter;
      color: #000000;
      letter-spacing: 0.24px;
      line-height: 24px;
      margin-top: 90px;
      margin-bottom: 70px;
    }

    .fourpack{
      margin:0 auto;
      width: 1080px;
      height: 500px;
    }
    .goods-item{
      margin-top: 10px;
      margin-left: 50px;
      max-width: 256px;
      min-height: 348px;
      padding: 20px 10px;
      text-align: center;
      margin-left:11px;
      background: #FFFFFF;
      border: 1px solid #EAEAEA;
      border-radius: 1px;
      &:hover{
        border: 1px solid #EAEAEA;
        box-shadow: 0 1px 23px 0 #CAD0FE;
        border-radius: 1px;
        margin-top: -2px;
        .colordiv{
          height: 4px;
          display: block;
        }
      }
      .classtype{
        text-align:center;
        font-family: PingFangSC-Light;
        font-size: @teachFont;
        color: #819EA6;
        letter-spacing: 0.24px;
        line-height: 22px;
        margin-top:64px;
        margin-bottom:17px;
        
      }
      .classPrice{
        font-family: Avenir-Heavy;
        font-size:@bigleter;
        color: #404BBF;
        letter-spacing: 0.19px;
        margin-bottom: 10px;
      }
      .classtime{
        font-family: @font-Medium;
        font-size: @PSize;
        color: #A5B9BF;
        letter-spacing: 0.22px;
      }
      hr{
        margin: 20px;
      }
      .classDesc{
        font-family: @font-Regular;
        font-size: @small-font;
        color: #A5B9BF;
        letter-spacing: 0.17px;
        text-align: center;

      }
      .btnbuy{
        margin-top: 40px;
        width: 120px;
        height: 44px;
        background: #7183FD;
        border-radius: 4px;
        font-family: @font-Semibold;
        font-size: 18px;
        color: #FFFFFF;
        letter-spacing: 0;
        line-height: 44px;
        margin-left: 62px;
        cursor: pointer;
    
      } 
      .btnbuy:hover{
        background: #5D6CCA;
      }
      .btnbuy:active{
        background: #7984C6;
      }
    }
  }
}